@charset "utf-8";
/* 焦点图  */
.banner { padding-left: 222px; width: 978px; height: 374px;}
.index_slide{width:978px; height:374px;float: left;overflow: hidden;}
.main_slide{ position: relative; height:374px; width: 978px; overflow: hidden; }
.main_slide .body_slide{width:58000px;}
.main_slide .body_slide li{ float: left; width:978px; overflow:hidden;display:block;}
.main_slide .bor_slide{ position: absolute; left:490px; bottom: 5px;}
.main_slide .bor_slide li{ float: left; margin-left: 5px;}
.main_slide .bor_slide a{background:url("../imgs/icon/icon.png") no-repeat -100px -29px; width:7px; height:7px;overflow: hidden; display: block;}
.main_slide .bor_slide .curr a{ background: url("../imgs/icon/icon.png") no-repeat -100px -37px;}
.adpic { border: 1px solid #ddd;}
.tuij-title { position: relative; padding:20px 0; height: 100px;margin-top:-20px; }
.tj-bt { background-position: 0 -121px; width: 107px; height: 45px; position: absolute; left: -30px; top:26px; padding-left: 40px; line-height: 43px; font-size: 16px; color: #fff;}
.l-line { background-position: 0 -170px; height: 6px; width: 500px; margin-top: 24px;}
.r-line { background-position: 0 -178px; height: 6px; width: 500px; margin-top: 24px;}
.bt-name { background-position: -211px -42px; width: 120px; height: 56px; margin-left: 30px;}
.bt-name2 { background-position: -211px -102px; width: 120px; height: 56px; margin-left: 30px;}
.tj-box { /* border: 1px solid #efefef; */  position: relative; z-index: 2; overflow: hidden;}
.taber { height:30px; line-height:30px; /*border-bottom: 1px solid #efefef;*/ position: relative; z-index: 11;}
.taber li { float: left; width: 110px; text-align: center; color: #4c4849; font-size: 14px;}
.taber li.tabon { background: #f7f7f7; color: #4c4849; position: relative; margin-bottom: -1px; line-height: 31px;}
.tabbox { position: relative; width: 1200px; margin: -1px -1px 0 -1px;overflow: hidden; }
.tabbox-ul { width: 900px;}
.tabbox-ul li.guos { float: left; display: inline; margin-right: 16px; width:200px; height:252px; /* padding-bottom: 10px; */ padding-left:8px;}
.tabbox-ullist { width: 1200px;}
.tabbox-ullist li:hover img {border:1px solid #ececec;}
.tabbox-ullist li.guoslist { float: left; display: inline; margin-right: 16px; width:214px; height:270px; /* padding-bottom: 10px; */ padding-left:10px;}
.tabbox-ullist li.guoslist a img {width:200px; height:auto;}
.tabbox-ullist2 { width: 1200px;}
.tabbox-ullist2 li:hover img {border:1px solid #ececec;}
.tabbox-ullist2 li.guoslist { float: left; display: inline; margin-right: 40px; width:250px; height:270px; /* padding-bottom: 10px; */ padding-left:10px;}
.tabbox-ullist2 li.guoslist a img {width:280px; height:auto;}
.spicbox { width: 226px; height:190px; margin-top: 1px; border-bottom: 1px solid #fff; text-align: center; position: relative;}
/* .spicbox img { width: 224px;} */
.pricetb {background-position: -101px -47px; width: 14px; height: 12px; display: inline-block; vertical-align: middle; margin: 0 5px 3px 0;}
.getmore_icon{background:url(../imgs/icon/getmore_icon.png) no-repeat center center; width:20px; height:20px;-moz-background-size:100% 85%; background-size:100% 85%;}
.sname { text-align: center;   padding-top: 5px; font-size: 14px; overflow: hidden;}
.jion-gwc {display: none; position: absolute; bottom:0; left: 0; right: 0; font-size: 14px;  background: #8ec31f; height: 28px; line-height: 28px; color: #fff;width:76%;margin:0 auto;}
.yisx {display:none;position: absolute; bottom:0; left: 0; right: 0; font-size: 14px;  background: #f5f5f5; border-top: 1px solid #ededed; height: 33px; line-height: 33px; color: #8ec31f;}
.hov .spicbox { width: 224px; margin-top: 0; border: 1px solid #fff;}
.hov .jion-gwc {display: block;}
.yjtcan li.guos { width: 289px;}
.yjtcan .spicbox { width: 287px; margin-top: 1px; border-bottom: 1px solid #ededed; text-align: center; position: relative;}
.yjtcan .spicbox img { width: 285px;}
.yjtcan .hov .spicbox { width:285px; margin-top: 0; border: 1px solid #ededed;}
.sqin-box { background: url("../imgs/icon/r-bg.png") repeat-x; height: 474px;}
.sqinpic { padding:33px 0 0 55px;}
.sqinul { padding: 15px 0 0 138px; display: block;}
.sqin-li { background: #fafafa; border: 1px solid #ddd; padding: 5px 50px 5px 10px; position: relative; float: left; width: 150px; display: inline; margin-right:30px;}
.sqin-name { border-left: 2px solid #ddd; padding-left: 10px; font-size: 12px; line-height: 25px;}
.r-jt { background-position: -123px -38px; width: 19px; height: 37px; display: block; position: absolute; top:11px; right:10px; }
.hover .sqin-name { color: #f00;}
.hover .r-jt {background-position: -123px 0;}
/* 活动页面 */
.acbanner { background: url("../imgs/icon/bg-c.png") repeat-x; height: 283px; border-bottom: 1px solid #8ec31f;}
.ac-rightbox { width: 962px;}
.ac-box-title { background: #efefef; height: 32px; line-height: 32px; font-size: 14px;}
.ac-box-title li { float: left; width: 120px; text-align: center;}
.ac-box-title li.tabon { background: #f7f7f7; color: #4c4849;}
.ac-d-box { background: #fff; border: 1px solid #ededed; border-top: none;}
.acshop-ul { padding:20px 10px 0; overflow: hidden; }
.acshop-li {padding: 0 17px 20px 17px; width: 435px; overflow: hidden; display: inline; float: left;}
.acshop-li .acs-pic { width: 435px; height: 235px;}
.ac-s-price { font-size:20px; color: #f00;}
.n-buy {background: #8ec31f; padding: 0 15px; color: #fff;}
/*   购物车页面  */
.gwctb { background-position: -337px -10px;  width: 18px; height: 19px; display: inline-block; vertical-align: middle; margin: 0 8px 3px 0;}
.c-title { line-height: 35px; color: #8ec31f; font-size: 16px;}
.num-s { padding: 0 5px; color: #f00;}
.order-steps { height: 35px; margin-top: 10px;}
.steps { float: left; font-size: 14px; width: 250px; height: 35px; line-height: 35px; background: #efefef;color: #333; padding-left: 10px;overflow: hidden;}
.round { display: inline-block; width:20px; height: 20px; border-radius: 10px; background: #cbcbcb; color: #fff; line-height: 20px; text-align: center; margin-right: 10px;}
.steps-jx {float: left; padding: 0 10px; line-height: 35px;}
.o-jt { background-position: -338px -32px; width: 15px; height: 17px; display: inline-block; vertical-align: middle;}
.order-steps  .step { background: #8ec31f; color: #fff;}
.step  .round { background: #fff; color: #8ec31f;}
.gwc-all-shop { border: 1px solid #8ec31f;}
.gwct tr th { background: #8ec31f; height: 35px; line-height: 35px; text-align: center; color: #fff;}
.gwct tr td { padding: 10px 6px; border-bottom: 1px solid #8ec31f; text-align: center;}
.gwct .gwcshoppic { width: 80px; height: 80px; float: left; border: 1px solid #ededed;}
.gwc-name { padding-left: 90px; color: #333; text-align: left;}
.addnum { display: inline-block;height: 25px; line-height: 25px; border: 1px solid #ededed; width: 115px;text-align: center;}
.num-text { width: 60px; border-left: 1px solid #ededed; border-right: 1px solid #ededed; line-height: 25px; vertical-align: top; text-align: center; }
.low { display: inline-block; width: 25px; cursor: pointer;}
.add { display: inline-block; width: 25px; cursor: pointer;}
.order-yh { padding: 10px 15px; border-bottom: 1px solid #8ec31f;}
.order-js { height: 50px; line-height: 50px; padding-left: 20px;}
.go-js { display: block; float: right; background: #8ec31f; width: 100px; text-align: center; color: #8ec31f; font-size: 20px; margin-top:5px;}
.looked-shop { border: 1px solid #ededed;}
.looked-shop h3 { line-height: 35px; padding-left: 12px; background: #ededed; color:#555; font-size: 16px;}
.look-s { display: block; float: left; padding: 10px 0 10px 15px; width: 225px; display: inline;}
.look-s .hoppic { float: left; width: 80px; height: 80px; border: 1px solid #ededed;}
.look-n { padding-left: 90px; font-size: 12px; line-height: 23px;}
/* 搜索列表页 产品样式覆盖 */
.search-shop .tabbox { width: 964px;}
.search-shop .tabbox-ul { width: 990px;}
.search-shop .tabbox-ul .guos { margin-right: 17px;}

.cart-empty .ico{width: 57px;height: 57px; background: url("../imgs/icon/icon.png") no-repeat;background-position: -149px -42px;margin-right:10px;display:inline-block;line-height:1;}
#taboff1 { float: right; width: 110px; text-align: center; color: #8ec31f; font-size: 14px;}
#taboff1 a{color: #4c4849;margin-top:-55px; position:absolute;z-index:101;}
.pointer {cursor: pointer;}
#verify_steps{width: 978px;height: 30px;background:#ffffff;}
#verify_steps .step-item {background-color: #efefef;}
#verify_steps .active {background-color: #8ec31f;color: #fff;}
#forgot_steps{margin: 20px 0;}

/*横向广告位*/
.ad_tris {width:1200px;height:125px; margin: 0 auto;}
.ad_tris .ad_f_l {float:left;width：396px; margin-left:4px;}
.ad_tris .ad_f_l img{width:396px; height:120px;align:center;}

.forgot-steps span {
    display: block;
    padding: 0 10px;
}
.forgot-steps .step-item .icon {
    font-size: 29px;
    vertical-align: -6px;
    color: #cbcbcb;
}
.forgot-steps .active .icon {
    font-size: 29px;
    vertical-align: -6px;
    color: white;
}
.forgot-steps .active i {
    color: #faa419;
}
.forgot-steps i {
    display: inline-block;
    color: white;
    width: 22px;
    text-align: center;
    margin-right: 8px;
    margin-left: -25px;
}
#forgot_steps .active {
    background-color: #8ec31f;
    color: white;
}
.forgot-steps .step-item {
    font: 16px/30px Microsoft YaHei,STHeiti,sans-serif;
    color: #8c8c8c;
    width: 22%;
    background-color: #efefef;
    padding: 0;
    white-space: nowrap;
}
.forgot-steps .step-arrow {
    color: #ccc;
    font-size: 25px;
    line-height: 30px;
    text-align: center;
}
.border-style1{border:1px solid #cac2c2}
.index_price_g16{font-size:16px; color:#8ec31f;}
.index_tab_tuangou{
	background: #f7f7f7 none repeat scroll 0 0;
    color: #4c4849;
	text-align:center;
    line-height: 31px;
    margin-bottom: -1px;
    position: relative;
	width:300px;
}
#chunjiepeisong { width:310px; height: 150px; border: none; 
	z-index:10001; position:fixed; left:20px;bottom:20px;
	background:url(http://shop.youjih.com/themes/youjihui/images/newindex/index_chunjiepeisong.png) no-repeat;
	background-size:100% 100%;}